<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<aside class="lg-side">
  <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right ">
    <!-- 
      <ul class="nav nav-tabs pull-right">
        <li class="active">
          <a href="javascript:toLoadHtml(30)" ng-hide="leftMenu.YSHFY-YSXX">预算信息</a>
        </li>
        <li class="">
          <a href="javascript:toLoadHtml(29)" ng-hide="leftMenu.YSHFY-FYBX">费用申请记录</a>
        </li>
      </ul>
    -->
  </div>

  <div class="inbox-body mi-h8">
    <div class="tab-content">

      <section class="panel">
        <header class="panel-heading">
          销售额预估
        </header>
        <div class="panel-body">
          <div id="other1Container"></div>
        </div>
      </section>

      <section class="panel hideother" style="display: none;">
        <header class="panel-heading add-heading">
          预测费用信息
        </header>
        <div class="panel-body">
          <div class="form-group customerForm">
            <label class="col-sm-2 control-label">预算类型*</label>
            <div class="col-sm-10">
              <select class="form-control" id="bugetType">
                <option value="客户交际费用">客户交际费用</option>
                <option value="差旅费用">差旅费用</option>
                <option value="采购费用">采购费用</option>
                <option value="其他费用">其他费用</option>
              </select>
            </div>
          </div>
          <div class="form-group customerForm">
            <label class="col-sm-2 control-label">预算金额*</label>
            <div class="col-sm-10">
              <input type="text" onkeyup="clearNoNum(this)" placeholder="具体金额" onblur="clearNoNum(this)" min="0"
                value="" id="bugetMoney" class="form-control">
            </div>
          </div>
          <div class="form-group customerForm">
            <label class="col-sm-2 control-label">费用说明*</label>
            <div class="col-sm-10">
              <textarea class="form-control" id="comments" placeholder="字数限制(120字以内)"
                onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" maxlength="120"></textarea>
            </div>
          </div>
          <div class="form-group customerForm">
            <label class="col-sm-2 control-label">费用使用周期*</label>
            <div class="col-sm-10">
              <input type="text" id="startTime" class="form-control" placeholder="开始日期"
                onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" name="strtTime" style="width: 30%;">
              <span style="position: relative;top: -28px;left: 31%;">--</span>
              <input type="text" class="form-control" id="endTime" placeholder="结束日期"
                onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" name="endTime"
                style="width: 30%;position: absolute;bottom: 19px;left: 34%;">
            </div>
          </div>
          <p class="default-buttons">
            <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hideother();">取消</a>
            <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="addOtherMoney()">确认</a>
          </p>
        </div>
      </section>

      <!--<section class="panel">-->
        <!--<header class="panel-heading">-->
          <!--线索和立项时预测总费用：￥<span id="totalMoney"></span>元-->
          <!--&lt;!&ndash;<i class="add-icon icon-plus" onclick="showother()"> 添加条目</i>&ndash;&gt;-->
        <!--</header>-->
        <!--<div class="panel-body">-->
          <!--<div id="other2Container"></div>-->
        <!--</div>-->
      <!--</section>-->

      <!--<section class="panel hideprobox">-->
        <!--<header class="panel-heading">-->
          <!--预算申请（预算追加）：￥<span id="wpzMoney"></span>元-->
          <!--&lt;!&ndash; <i class="add-icon icon-hand-up submit"> 一键申请</i> &ndash;&gt;-->
        <!--</header>-->
        <!--<div class="panel-body">-->
          <!--<div id="otherContainer" class="dlshouwen-grid-container"></div>-->
        <!--</div>-->
      <!--</section>-->

      <!--<section class="panel hideprobox">-->
        <!--<header class="panel-heading">-->
          <!--费用申请：￥<span id="fyMoney"></span>元-->
          <!--&lt;!&ndash; <i class="add-icon icon-hand-up submit"> 一键申请</i> &ndash;&gt;-->
        <!--</header>-->
        <!--<div class="panel-body">-->
          <!--<div id="fyContainer" class="dlshouwen-grid-container"></div>-->
        <!--</div>-->
      <!--</section>-->

      <!--<section class="panel">-->
        <!--<header class="panel-heading">-->
          <!--报销费用 已付款:0元 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;未付款:0元-->
        <!--</header>-->
        <!--<div class="panel-body">-->
          <!--<div id="bxContainer"></div>-->
        <!--</div>-->
      <!--</section>-->

      <!--<section class="panel hideprobox">-->
        <!--<header class="panel-heading">-->
          <!--费用收支-->
        <!--</header>-->
        <!--<div class="panel-body">-->
          <!--<div id="epContainer" class="dlshouwen-grid-container"></div>-->
          <!--<div id="epToolContainer" class="dlshouwen-grid-toolbar-container"></div>-->
        <!--</div>-->
      <!--</section>-->

      <!--<section class="panel">-->
        <!--<header class="panel-heading">-->
          <!--合同金额-->
        <!--</header>-->
        <!--<div class="panel-body">-->
          <!--<div id="htContainer"></div>-->
        <!--</div>-->
      <!--</section>-->
      <!-- 
          <section class="panel">
            <header class="panel-heading">
              费用报销记录
            </header>
            <div class="panel-body">
              <div id="costContainer" class="dlshouwen-grid-container"></div>
              <div id="costToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
            </div>
          </section>
        -->
    </div>

  </div>
</aside>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="js/proinfo/cost.js"></script>
<script>
  //时间控件
  $('#startTime').datepicker({
    format: 'yyyy-mm-dd'
  });
  $('#endTime').datepicker({
    format: 'yyyy-mm-dd'
  });
</script>